<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
    <link rel="stylesheet" href="baidu.css">
</head>
<body>
    <!-- 头 -->
    <div class="header">
        <div class="nav">
            <ul>
                <li><a href="https://news.baidu.com/" target="_blank">新闻</a></li>
                <li><a href="#" target="_blank">hao123</a></li>
                <li><a href="#" target="_blank">地图</a></li>
                <li><a href="#" target="_blank">贴吧</a></li>
                <li><a href="#" target="_blank">视频</a></li>
                <li><a href="#" target="_blank">图片</a></li>
                <li><a href="#" target="_blank">网盘</a></li>
                <li>
                    <div class="header-more">
                        <a href="#">更多</a>
                        <div id="more">
       
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="user">
            <ul>
                <li class="shezhi"><a href="#">设置</a>
                    <div id="more_menu">
                        <ul>
                            <li><a href="">搜索设置</a></li>
                            <li><a href="">高级搜索</a></li>
                            <li><a href="">关闭预测</a></li>
                            <li><a href="">隐私设置</a></li>
                            <li><a href="">关闭热搜</a></li>
                        </ul>
                    </div>
                </li>
                <li><button><a href="#">登录</a></button></li>
            </ul>
        </div>
    </div>
    <!-- 身体 -->
    <div class="body">
        <!-- 中心图标 -->
        <div class="logo">
            <a href="https://www.baidu.com/s?wd=%E7%99%BE%E5%BA%A6%E7%83%AD%E6%90%9C&sa=ire_dl_gh_logo_texing&rsv_dl=igh_logo_pcs" target="_blank">
                <img src="image/logo.png" title="点击一下，了解更多">
            </a>
        </div>
        <div class="search">
            <!-- 搜索框 -->
            <input type="text">
        </div>
        <div class="search-btn">
            <!-- 搜索按钮 -->
            <input type="submit" value="百度一下">
        </div>
        <div class="news">
            <div class="nes-search">
                <a href="" style="color: #222; font-size: 14px; line-height: 24px; font-family: cIconfont!important;">百度热搜 &gt; </a>
            </div>
            <div class="news-change">
                <a href=""><span>&#10227; </span>换一换</a>
            </div>
        </div>
        <div class="newslist">
            <ul>
                <li class="aa"><span id="one">1 </span><a href="" target="_blank">民生答卷!换种方式带你看</a></li>
                <li class="bb"><span class="o">4</span><a href="" target="_blank">写给新征程上春天的中国</a></li>
                <li class="aa"><span id="two">2</span><a href="" target="_blank">多家医院医生:本轮甲流高峰基本过去</a></li>
                <li class="bb"><span class="o">5</span><a href="" target="_blank">男子吐槽22元吃面 面量仅盖住碗底</a></li>
                <li class="aa"><span id="three">3</span><a href="" target="_blank">游客私自翻进园内逗大熊猫</a></li>
                <li class="bb"><span class="o">6</span><a href="" target="_blank">车主花32万买到全损事故车获退1赔3</a></li>
            </ul>
        </div>
    </div>
    <!-- 页面底脚 -->
    <div class="footer">
        <div class="footdiv">
            <ul>
                <li><a herf="#">关于百度</a></li>
                <li><a herf="#">About Baidu</a></li>
                <li><a herf="#">使用百度前必读</a></li>
                <li><a herf="#">帮助中心</a></li>
                <li><a herf="#">企业推广</a></li>
                <li><a herf="#">京公网安备11000002000001号</a></li>
                <li><a href="#">京ICP证030173号</a></li> 
                <li><a href="#">信息网络传播视听节目许可证 0110516</a></li> 
                <li><span>互联网宗教信息服务许可证编号：京（2022）0000043</span></li>
            </ul>
        </div> 
    </div>
</body>
</html>
